import React from 'react'
import { Button, WhiteSpace, WingBlank } from 'antd-mobile';
import wyImg from '../images/wyy.png'
import '../../styles/mender/index.css'
import MeFooter from './mebFooter'

class Mender extends React.Component {
    constructor() {
        super()
    }

    login() {
        this.props.history.push("/login")
    }

    goIndex() {
        this.props.history.push("/home")
    }

    render() {
        return (
            <div>
                <div className="menber-wrap">
                    <div className='icon-box'>
                        <img src={wyImg} alt="" />
                    </div>
                    <div className="btn-box">
                        <Button type="primary" className='log-btn' onClick={this.login.bind(this)}>手机号登录</Button>
                        <Button type="primary" className='reg-btn'>注册</Button>
                        <span className='probation' onClick={this.goIndex.bind(this)}>游客试用</span>
                    </div>
                </div>
                <MeFooter />
            </div>
        )
    }
}

export default Mender